<html>
<head>
<link rel='stylesheet' href='../../../../../../../../../../../../js/sh/SyntaxHighlighter.css' type='text/css' />
<script src='../../../../../../../../../../../../js/sh/shCore.js'></script>
<script src='../../../../../../../../../../../../js/sh/shBrushJava.js'></script>
<style>
* {
font-family:Courier New,monospace;
  padding: 0;
  margin: 0;
  white-space: nowrap;
  font-size: 11px;
}
.dp-highlighter {
  white-space: nowrap;
  overflow: visible;
  width: 600px;
  font-size: 11px;
  font-family:Courier New,monospace;
}
</style>
</head>
<body>
<textarea name='code' class='java:nogutter' rows='15' cols='120'>
isc.DataSource.create({
    ID:"countries",
    dataFormat:"json",
    dataURL:"/isomorphic/system/reference/inlineExamples/dataIntegration/json/countries_small.js",
    fields:[
        {title:"Name", name:"name"},
        {title:"Population", name:"population"},
        {title:"Total Area", name:"total_area"},
        {title:"Government", name:"government"}
    ]
});


isc.ListGrid.create({
    width: "100%",
    height: 150,
    dataSource: "countries",
    autoFetchData: true
});
</textarea>
<script class='javascript'>
dp.SyntaxHighlighter.HighlightAll("code");
</script>
</body>
</html>
